<template>
	<view class="content">
		<view class="box"></view>
		<view class="box1">
			<view class="left">汽车品牌:</view>
			<input  type="text" name="car-inlet" />
		</view>
		<view class="box2">
			<view class="left">车牌号:</view>
			<input  type="text" name="car-inlet" />
		</view>
		<view class="box3">
			<text class="lefttext">标准车型</text>
			<view class="row-text1">
				<view class="rowleft">日均:</view>
				<input  type="text" name="car-inlet" />
			</view>
		</view>
		<view class="box4">
			<view class="boxtop">车辆配置</view>
			<view class="boxbottom">
				<view class="boxbottom1">
					<view class="row">
						<view class="rowleft">进气:</view>
						<input class="rowright" type="text" name="car-inlet" />
					</view>
					<view class="row">
						<view class="row-oil">油箱容量:</view>
						<input class="row-oil-right" type="text" name="car-inlet" />
					</view>
					<view class="row">
						<view class="rowleft">颜色:</view>
						<input class="rowright" type="text" name="car-inlet" />
					</view>
				</view>
				<view class="bottom-under">
					<view class="row">
						<view class="rowleft">排量:</view>
						<input  type="text" name="car-inlet" />
					</view>
					<view class="row">
						<view class="rowleft">座位数:</view>
						<input  type="text" name="car-inlet" />
					</view>
				</view>
			</view>
		</view>
		<view class="box5">
			<view class="box5-1">
				<view class="underline">发布须知</view>
			</view>
			<view class="box5-2">
				<view class="underline1">1.在进行发布车辆之前，需要签署租赁合约</view>
			</view>
			<view class="box5-2">
				<view class="underline1">2.请您在发布车辆之前仔细阅读</view>
				<view class="underline2">《租赁合约》</view>
			</view>
			<view class="box5-2">
				<view class="underline1">3.是否签署合约</view>
				<label>
					<checkbox  class="label" value="checkbox1" />
				</label>
			</view>
		</view>
		<button class="button1" type="primary" @click="goidentity1">下一步</button>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				list: [{
						src: "../../static/img/R-6.jpg"
					},
					{
						src: "../../static/img/R-6.jpg"
					},
					{
						src: "../../static/img/R-6.jpg"
					}
				],
				autoplay: true,
				interval: 3000
			}
		},
		methods: {
			//当前轮播索引
			change(e) {
				console.log('==========', e)
			},
			//点击轮播
			click(e) {
				console.log('点击轮播', e)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		max-width: 600px;
		padding: 0 10px;
		background-color: rgb(247, 247, 247);
	}
	.box{
		height: 175px;
		background-color: red;
	}

	.box1 {
		font-weight: bold;
		padding-top: 20px;
		height: 20px;
		display: flex;
	}

	.box2 {
		font-weight: bold;
		padding-top: 10px;
	}

	.box3 {
		line-height: 20px;
		height: 39px;
		background-color: #FFF;
		border-radius: 20px;
	}

	.lefttext {
		padding-top: 10px;
		font-size: 14px;
		font-weight: bold;
		width: 50%;
		float: left;
	}



	.box4 {
		background-color: #FFF;
		height: 116px;
		margin-top: 20px;
	}

	.box4 .boxtop {
		font-weight: bold;
		height: 30%;
	}

	.box4 .boxbottom {
		height: 70%;
		width: 100%;
	}

	.row {
		margin-left: 5px;
		height: 20px;
		display: flex;
		justify-content: center;

	}
	.row-text1 {
		color: #FF551A;
		margin-left: 5px;
		height: 20px;
		display: flex;
		justify-content: center;
		font-size: 14px;
		padding-left: 10px;
		padding-top: 11px;
	}

	.rowleft {
		width: 40%;
	}

	.row-oil {
		width: 60%;
	}

	.rowright {
		width: 70%;
		
	}

	.row-oil-right {
		width: 40%;
	}

	.rowright1 {
		width: 70%;
	}


	.bottom-under {
		height: 20px;
		margin-top: 10px;
		display: flex;
	}

	.boxbottom1 {
		display: flex;
	}

	.box5 {
		height: 260px;
		margin-top: 20px;
	}

	.box5-1 {
		border-bottom: 1px solid #000;
		padding: 10px;
	}

	.underline {
		font-size: 20px;
		font-weight: bold;
	}

	.box5-2 {
		display: flex;
		height: 40px;
		background-color: #FFF;
		border-bottom: 1px solid #BBBBBB;
		border-left: 1px solid #BBBBBB;
		border-right: 1px solid #BBBBBB;
		border-radius: 50px;
		margin-top: 10px;
	}

	.underline1 {
		margin-right : auto;
		line-height: 40px;
		padding-left: 20px;
	
	}
	.underline2 {
		color: #196AD4;
		position: relative;
		right: 20px;
		line-height: 40px;
	}
   .label{
	   line-height: 40px;
	   margin-right: 10px;
   }
	.button1 {
		height: 46px;
		width: 310px;
		text-align: center;
		border-radius: 50rpx;
	}
</style>